.password-wrapper {
  @apply flex flex-col justify-center items-center bg-block;
  input {
    @apply absolute opacity-0 z-0 block w-full h-20;
  }
  .site-info {
    .logo {
      @apply block mx-auto w-48;
      @apply md:w-60;
    }
    .site-name {
      @apply pt-12 mb-16;
    }
  }
  .password-show {
    @apply flex mt-4 pl-0;
    li {
      @apply mx-2 w-8 h-8 list-none rounded-lg leading-7 border-primary border text-center;
      @apply md:w-10 md:h-10 md:mx-4 md:leading-9;
      i {
        @apply inline-block w-2 h-2 rounded-lg bg-reco-text-lightmode;
        @apply dark:bg-reco-text-darkmode;
      }
    }
  }
}
